<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String ctxPath =request.getContextPath();%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="<%=ctxPath%>/css/applicationpreloader.css">
	<link rel="stylesheet" href="<%=ctxPath%>/js/dojo/dijit/themes/claro/document.css"  media="screen">
	<link rel="stylesheet" href="<%=ctxPath%>/js/dojo/dijit/themes/claro/claro.css"  media="screen">
	<link rel="stylesheet" type="text/css" href="<%=ctxPath%>/js/jquery/plugin/ztree/zTreeStyle.css">
	
	<style type="text/css">
		html, body {
		    height: 100%;
		    margin: 0;
		    overflow: hidden;
		    padding: 0;
		}
		 
		#appLayout {
		    height: 100%;
		}
		#leftCol {
		    width: 260px;
		}
		 
		.claro .demoLayout .edgePanel {
		   # background-color: #d0e9fc;
		}
		 

	</style>
	
	<script type="text/javascript" src="<%=ctxPath%>/js/jquery/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="<%=ctxPath%>/js/jquery/plugin/ztree/jquery.ztree.all-3.5.min.js"></script>
	<script src="<%=ctxPath%>/js/dojo/dojo/dojo.js" data-dojo-config="async:true, parseOnLoad:false"></script>
	<script type="text/javascript" src="<%=ctxPath%>/js/view/index.js"></script>
	<script type="text/javascript" src="<%=ctxPath%>/js/dialog/artDialog.js?skin=default"></script>
	<script type="text/javascript" src="<%=ctxPath%>/js/dialog/iframeTools.js"></script>
</head>
<body class="claro">
	<!-- basic preloader: -->
	<div id="loader">
		<div id="loaderInner" style="direction:ltr;white-space:nowrap;overflow:visible;">
			<div id="floatingCirclesG">
				<div class="f_circleG" id="frotateG_01"></div>
				<div class="f_circleG" id="frotateG_02"></div>
				<div class="f_circleG" id="frotateG_03"></div>
				<div class="f_circleG" id="frotateG_04"></div>
				<div class="f_circleG" id="frotateG_05"></div>
				<div class="f_circleG" id="frotateG_06"></div>
				<div class="f_circleG" id="frotateG_07"></div>
				<div class="f_circleG" id="frotateG_08"></div>
			</div>	
			<div id="loderInnerInfo" style="clear: both;text-align: center;">正在加载</div>
		</div>
	</div>
    <div
            id="appLayout" class="demoLayout"
            data-dojo-type="dijit/layout/BorderContainer"
            data-dojo-props="design: 'headline'">
        <div
                class="centerPanel"
                data-dojo-type="dojox/layout/ContentPane"
                data-dojo-props="region: 'center'">
                
                <iframe id="main" src="" scrolling="no" style="border: 0px;width: 100%;height: 100%"></iframe>
        </div>
        
        <div
                class="edgePanel"
                data-dojo-type="dijit/layout/ContentPane"
                data-dojo-props="region: 'top'">Header content (top)</div>
        <div
            id="leftCol" class="edgePanel"
            data-dojo-type="dijit/layout/AccordionContainer"
            data-dojo-props="region: 'left', splitter: true">
 			<div data-dojo-type="dijit/layout/AccordionPane" data-dojo-props='title:"权限管理"'>
				<ul id="treeDemo" class="ztree"></ul> 			
 			</div>           
 			<div data-dojo-type="dijit/layout/AccordionPane" data-dojo-props='title:"业务菜单1"'></div>           
 			<div data-dojo-type="dijit/layout/AccordionPane" data-dojo-props='title:"业务菜单2"'></div>           
         </div>
    </div>
</body>
</html>